var  path = require('path')
var  htmlWebpackPlugin = require('html-webpack-plugin')
const {VueLoaderPlugin} = require('vue-loader')
module.exports = {
	mode:'production',
	entry:path.join(__dirname,'./src/main.js'),
	output:{
		path:path.join(__dirname,'./dist'),
		filename:'bundle.js'
	},
	plugins:[
	 new htmlWebpackPlugin({
	 	template:path.join(__dirname,'./src/index.html'),
	 	filename:'index.html'
	 }) ,
	 new VueLoaderPlugin()
	],
	module:{
		rules:[
		{test:/\.css$/,use:['style-loader','css-loader']},
		{test:/\.less$/,use:['style-loader','css-loader','less-loader']},
		{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},
		{test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader'},
//limit给定的值，是图片的大小，单位是byte,如果我们引用的图片大运或者等于给定的limit，则不会被转为base64格式的字符串，否则会被转
		{test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},
		{test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
		{test:/\.vue$/,use:'vue-loader'}
		]
	},
	resolve:{
		alias:{  //修改VUE被导入的包的文件
//			"vue$":"vue/dist/vue.js"
		}
	}
}


